<script setup lang="ts">
import useInfoStore from "@/store/modules/info";
// 获取useInfoStore对象
let infoStore = useInfoStore();
// 引入组合式API
import useTodoStore from "@/store/modules/todo";
import todo from "@/store/modules/todo";

let todoStore = useTodoStore();
console.log(todoStore);
const addItem = () => {
  todoStore.updateTodo()
};
</script>

<template>
  <div class="child1">
    <h2>子组件1</h2>
    {{ infoStore.count }}
    <hr />
    {{todoStore.todo}}
    <hr />
    <el-button @click="addItem">增加数据</el-button>
    <hr />
    {{ todoStore.attr}}
    <hr />
    {{todoStore.total}}
  </div>
</template>

<style scoped>
.child1 {
  width: 400px;
  height: 400px;
  background: aqua;
}
</style>